﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>01-1云端信号</title>
<link rel="stylesheet" href="css/style.css" type="text/css"><!--页面CSS-->
<link rel="stylesheet" href="css/reset.css" />	
<script type="text/javascript" src="js/jquery.min.js"></script><!--jQuery库-->
<script type="text/javascript" src="js/highcharts.js" ></script>
    <script type="text/javascript">
   		 <!--关注-->
        function ChangeTextFunction(dom) { 
            var str = dom.innerHTML =="已关注"?  "关注":"已关注";
            dom.innerHTML =str;
        }
    <!--跟随-->
        function follow() {  
            $("html,body").animate({ scrollTop: $("body").offset().top }, 1000);
            followLoad();
            $('.ny-model-follow').addClass('hover');
            $('.ny-model-bg').addClass('hover');
            $('#ny-model-follow1').show();
            $('#ny-model-follow2').hide();
            $('#ny-model-follow3').hide(); 
        } 
        function followLoad(){ 
            var w = $('body').width();
            var h = $('body').height();
            var l = (w - 940) / 2;
            var t = ($(window).height() - $('.ny-model-follow').height()) / 2;
            if (t <= 0) {
                t = 0;
            }
            $('.ny-model-bg').css('height', h + 'px');
            $('.ny-model-follow').css('left', l + 'px');
            $('.ny-model-follow').css('top', t + 'px'); 
        }
          function fllowStep1() {
            var user = "";
            $('.follow-user.hover input[type=hidden]').each(function (e) {
                user += $(this).val() + ",";
            });
            user = user.substring(0, user.length - 1);
            $('#followUser').val(user);
            $('#ny-model-follow1').hide();
            $('#ny-model-follow2').show();
            followLoad(); 
        }
         function fllowReturn() {
            $('#ny-model-follow1').show();
            $('#ny-model-follow2').hide();
        }
        function reverseClose() {
            $('#followReverse').val('flase');
            $('.follow-set-content-con table td a.close').addClass('hover');
            $('.follow-set-content-con table td a.open').removeClass('hover');
        }
         function reverseOpen() {
            $('#followReverse').val('true');
            $('.follow-set-content-con table td a.open').addClass('hover');
            $('.follow-set-content-con table td a.close').removeClass('hover');
        } 
        function followClose() {
            $('.ny-model-follow').removeClass('hover');
            $('.ny-model-bg').removeClass('hover');
        }
    </script>
</head>
<body>
	<div class="top">
		<div class="wid">
			<div class="logo">
				<a href="index.html"> <img src="img/logo.png" alt=""> </a>
			</div>
			<div class="menu">
				<ul>
					<li class="acti">
						<a href="cloudsignal.html">
							<img src="img/ico0.png" alt="">
							<p>我的首页</p>
						</a>
					</li>
					<li>
						<a href="documentary.html">
							<img src="img/ico1.png" alt="">
							<p>跟单MT4</p>
						</a>
					</li>
					<li>
						<a href="releaseprocess.html">
							<img src="img/ico2.png" alt="">
							<p>喊单MT4</p>
						</a>
					</li>
					<li>
						<a href="timesignal.html">
							<img src="img/ico3.png" alt="">
							<p>实时信号流</p>
						</a>
					</li>
					<li>
						<a href="problem.html">
							<img src="img/ico4.png" alt="">
							<p>常见问题</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="username">
				<div class="pict">
					<a href="personalinformation.html">
						<img src="img/ico5.png" alt="">
					</a>
				</div>
				<div class="text">
					<p><a href="personalinformation.html">245646546</a></p>
					<span><a href="#">注销</a><a href="#" class="ico-news"><i></i></a></span>
				</div>
			</div>
		</div>
	</div><!-- top -->

	<div class="main-layout wid p0 pb13 mb0 dt">
		<div class="signal-tab">
			<div class="fl-box">
				<span class="acti">推荐信号</span>
				<span>全部信号</span>
				<span>关注信号</span>
			</div>
			<div class="transaction">
				<span>交易时间 :</span>
				<a class="acti" href="#">不限</a>
				<a href="#">近一天有交易</a>
				<a href="#">近一周有交易</a>
				<a href="#">近一月有交易</a>
			</div>
			<div class="search fr">
				<input type="text" placeholder="请输入关键词">
				<button></button>
			</div>
		</div>

		<div class="basic-info">
			<ul>
				<li class="head">
					<span>基本信息</span>
					<span>交易数量<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>跟随用户<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>近期胜率<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>平均盈利点数<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>近一周盈利金额<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>总收益<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>存活时间<i class="arrow arrowt"></i><i class="arrow arrowb color"></i></span>
					<span>走势图</span>
				</li>
				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>

					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="javascript:void(0);" onclick="ChangeTextFunction(this)">关注</a>
					    <a class="index-page-signal-a" href="javascript:follow();">跟 随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="javascript:void(0);" onclick="ChangeTextFunction(this)">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>

				<li>
					<a href="homepage.html">
						<span>
							<i><img src="img/ico27.png" alt=""></i>
							<strong>
								资金小收益好
								<var>服务器：www.ufent.com</var>
							</strong>
						</span>
					</a>
					<span><b>33.66</b></span>
					<span><b>5</b></span>
					<span><b class="color">50%</b></span>
					<span><b>65</b></span>
					<span><b class="color">$650</b></span>
					<span><b>$1250</b></span>
					<span><b>220天</b></span>
					<span>
						<img src="img/ico37.png" alt="" class="pic">
					</span>
					<span>
						<a href="#">关注</a>
						<a href="#" class="a1">跟随</a>
					</span>
				</li>
			</ul>
		</div>
	</div>
	<div class="fot-page dt">
		<div class="wid">
			<div class="pages">
				<a href="#">上一页</a>
				<a class="acti" href="#">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<a href="#">4</a>
				<a href="#">5</a>
				<a href="#">下一页</a>
			</div>
		</div>
	</div>
	
	
	    <!-- 跟随开始 -->
    <div class="ny-model-follow">
        <!-- 跟随第一步 -->
        <div id="ny-model-follow1" style="display:block;">
            <div class="ny-model-follow-top">
                <span>跟随设置</span>
                <a href="javascript:followClose();">
                </a>
                <div class="clear"></div>
            </div>
            <div class="ny-model-follow-bottom">
                <div class="ny-model-follow-bottom-img">
                    <img src="img/follow_step1.png" />
                </div>
                <div class="ny-model-follow-bottom-title">
                    <a class="hover" href="javascript:;"><span>选择跟随账户</span></a>
                </div>
                <div class="ny-model-follow-bottom-content">
                    <p>
                        您好,<span>华尔街博尔顿</span><br />
                        请您选择用哪个MT4账户跟随
                    </p>
                    <a class="follow-user follow-user2" class="" href="javascript:;">
                        <span>GSFW-15551</span>
                        <input type="hidden" value="" />
                    </a>
                    <a class="follow-user" href="javascript:;">
                        <span>GSFW-15552</span>
                        <input type="hidden" value="" />
                    </a>
                    <a class="follow-user" href="javascript:;">
                        <span>GSFW-15553</span>
                        <input type="hidden" value="" />
                    </a>
                    <a class="follow-user" href="javascript:;">
                        <span>GSFW-15554</span>
                        <input type="hidden" value="" />
                    </a>
                </div>
                <div class="ny-model-follow-bottom-button">
                    <a class="submit" href="javascript:fllowStep1();">下一步</a>
                </div>
                <input id="followUser" type="hidden" value="" />
            </div>
        </div> 
        <!-- 跟随第二步 -->
        <div id="ny-model-follow2" style="display:none;">
            <div class="ny-model-follow-top">
                <span>跟随设置</span>
                <a href="javascript:followClose();">
                </a>
                <div class="clear"></div>
            </div>
            <div class="ny-model-follow-bottom hover">
                <div class="ny-model-follow-bottom-img">
                    <img src="img/follow_step2.png" />
                </div>
                <div id="followA" class="ny-model-follow-bottom-title">
                    <a class="hover" href="javascript:;"><span>按固定手数跟随</span></a>
                    <a href="javascript:;"><span>按固定百分比跟随</span></a>
                </div>
                <div class="ny-model-follow-bottom-content2 hover">
                    <div class="follow-set-content">
                        <div class="follow-set-content-con left">
                            <table>
                                <tr>
                                    <td>
                                        每次跟单手数：
                                    </td>
                                    <td>
                                        <input type="text" class="follow-set-content-input" value="0.01" />&nbsp;手
                                    </td>
                                </tr>
                            </table>
                            <p>
                                如：设置为0.01手，则每次策略师推送的喊单均已0.01手执行。
                            </p>
                        </div>
                        <div class="follow-set-content-con right">
                            <table>
                                <tr>
                                    <td>
                                        最大跟单单量：
                                    </td>
                                    <td>
                                        <input type="text" class="follow-set-content-input" value="10" />&nbsp;单
                                    </td>
                                </tr>
                            </table>
                            <p>
                                如：设置为10单，则您的MT4同时持仓的这个策略师的10张交易的，未满10单时才会跟进后续的单子。
                            </p>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="follow-set-content">
                        <div class="follow-set-content-con left">
                            <table>
                                <tr>
                                    <td>
                                        强制止盈点数：
                                    </td>
                                    <td>
                                        <input type="text" class="follow-set-content-input" value="10" />&nbsp;点
                                    </td>
                                </tr>
                            </table>
                            <p>
                                如：设置为50点，则该策略师处接受的喊单最多承受50点浮盈，到达50点后，自动平仓。
                            </p>
                        </div>
                        <div class="follow-set-content-con right">
                            <table>
                                <tr>
                                    <td>
                                        强制止损点数：
                                    </td>
                                    <td>
                                        <input type="text" class="follow-set-content-input" value="10" />&nbsp;点
                                    </td>
                                </tr>
                            </table>
                            <p>
                                如：设置为50点，则该策略师处接受的喊单最多承受50点浮亏，到达50点后，自动平仓。
                            </p>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="follow-set-content">
                        <div class="follow-set-content-con">
                            <table>
                                <tr>
                                    <td>
                                        交易品种筛选：
                                    </td>
                                    <td>
                                        <span id="tradingVariety"></span>
                                        <a id="transactionA" class="transaction" href="javascript:tradingVariety();">关闭中，点击设置</a>
                                        <input type="hidden" id="tradingVarietyHidden" value="" />
                                    </td>
                                </tr>
                            </table>
                            <p>
                                筛选后，系统只推送该策略师发布的喊单中，您勾选的交易品种。
                            </p>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="follow-set-content">
                        <div class="follow-set-content-con">
                            <table>
                                <tr>
                                    <td>
                                        是否开启反向跟单：
                                    </td>
                                    <td>
                                        <a class="close" href="javascript:reverseClose();">关闭</a>
                                        <a class="open hover" href="javascript:reverseOpen();">开启</a>
                                        <input id="followReverse" type="hidden" value="true" />
                                    </td>
                                </tr>
                            </table>
                            <p>
                                筛选后，系统只推送该策略师发布的喊单中，您勾选的交易品种。
                            </p>
                        </div>
                        <div class="clear"></div>
                    </div>
                    <div class="ny-model-follow-bottom-button">
                        <a href="javascript:fllowReturn();">返回上一步</a>
                        <a class="submit" href="javascript:;" onclick="window.open('./Backstage/Withsingle_management.html#already_follow_signal','_self');">完成设置</a>
                    </div>
                </div>
                <div class="ny-model-follow-bottom-content2">
                    2
                </div>
            </div>
        </div>
        <!-- 交易品种筛选 -->
        <div id="ny-model-follow3" style="display:none;">
            <div class="ny-model-follow-top">
                <span>交易品种筛选</span>
                <a href="javascript:followClose();">
                </a>
                <div class="clear"></div>
            </div>
            <div class="ny-model-follow-bottom hover">
                <table class="fllow-trading-variety-table">
                    <thead>
                        <tr>
                            <td>
                                交易品种
                            </td>
                            <td>
                                胜率
                            </td>
                            <td>
                                选择
                            </td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                GBPUSD
                            </td>
                            <td>
                                100%
                            </td>
                            <td>
                                <a class="fllow-trading-variety-a" href="javascript:;"><input type="hidden" value="GBPUSD" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                USDCAD
                            </td>
                            <td>
                                80%
                            </td>
                            <td>
                                <a class="fllow-trading-variety-a" href="javascript:;"><input type="hidden" value="USDCAD" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                AUDSUAF
                            </td>
                            <td>
                                98%
                            </td>
                            <td>
                                <a class="fllow-trading-variety-a" href="javascript:;"><input type="hidden" value="AUDSUAF" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                XAUUSD
                            </td>
                            <td>
                                99%
                            </td>
                            <td>
                                <a class="fllow-trading-variety-a" href="javascript:;"><input type="hidden" value="XAUUSD" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                EURUSD
                            </td>
                            <td>
                                87%
                            </td>
                            <td>
                                <a class="fllow-trading-variety-a" href="javascript:;"><input type="hidden" value="EURUSD" /></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="ny-model-follow-bottom-button">
                        <a href="javascript:tradingVarietyReturn();">停止商品筛选</a>
                        <a class="submit" href="javascript:tradingVarietySubmit();">开启商品筛选</a>
                    </div>
            </div>
        </div>
    </div>
    <div class="ny-model-bg">
    </div>
    <!-- 跟随结束 --> 
</body>
<script src="js/library-3.28.js"></script><!--自定义封装函数-->
<script>
	click_addname(".signal-tab .fl-box span","acti")
	click_addname(".transaction a","acti")
</script>
</html>
